<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车列表页</title>
		<link rel="stylesheet" type="text/css" href="./css/index.css" />
		<script src="./js/jquery.11.min.js"></script>
		<script src="./js/index.js"></script>
	</head>

	<body>
		<!--顶部导航-->
		<div id="top">
			<div class="left">
				<ul class="class">

					<li class="class">
						<a href="">品牌官网</a><span>|</span></li>
					<li class="class">
						<a href="">炫耀官网</a><span>|</span></li>
					<li class="father">
						<div class="title">
							<a href="">软件管理</a><i></i></div>

						<div class="hiden">
							<a href="">开发者联盟</a>
							<a href="">EMU</a>
							<a href="">应用市场</a>
							<a href="">云服务</a>
						</div>

					</li>
					<li class="class">
						<a href="">花粉俱乐部</a><span>|</span></li>
					<li class="class">
						<a href="">Select Regoin</a>
					</li>

				</ul>
			</div>
			<div class="right">
				<ul>
					<li>
						<strong><a href="">登录</a></strong>&nbsp;
						<strong><a href="">注册 </a></strong>

					</li>
					<span>|</span>

					<li>
						<a href="">我的订单</a>

					</li>
					<span>|</span>
					<li>
						<a href="">V码（优购码)</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<a href="">手机版</a>&nbsp;

					</li>
					<span>|</span>
					<li>
						<div class="title">
							<a href="" class="font">网站导航</a><i></i>
						</div>
						<div class="hiden">
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
							<a href="">网站导航</a>
						</div>

					</li>

				</ul>
			</div>
		</div>
		<!--顶部灰条结束-->
	<!--***********************子类继承开始*****************************-->
		<div class="header">
			<div class="shopping">
				<!--logo开始-->
				<div class="logo">
					<a href="mapLink">
						<img src="./images/logo.png" alt="" />
					</a>
				</div>
	
				<!--logo 结束***8右侧不继承自己自编辑-->
				<div class="list_header_right">
					<!--我的购物车 流程条-->
					<div class="list_header_right_Mycar"> 我的购物车</div>
					<!--<div class="list_header_right_checkOrder"> 填写核对订单</div>-->
					<!--<div class="list_header_right_successOrder">成功递交订单</div>-->
				
				</div>
			</div>	
		</div>
		<!--SC子类继承**************888-->
		<!--购物车列表详情-->
	
		<div class="list_content">
			<!--上部主要内容开始-->
			<div class="list_content_top">
				<!--顶部标题-->
				<div class="list_content_top_header">
					<table border="0" cellspacing="0" cellpadding="0">
						<tr>
							<th class="checkbox" width="28">
								<input id="checkAll-top" type="checkbox" name="checkbox"  value="" />
							</th>
							<th class="commodity" width="617">
								商品
							</th>
							<th width="155">
								单价(元)
							</th>
							<th width="140">数量</th>
							<th width="140">小计(元)</th>
							<th width="100">操作</th>
						</tr>
					</table>
					
				</div>
							<!--顶部标题结束-->
				<!--form表单开始****8-->
				<form action="" method="post">
				
				<div class="list_content_top_content">
					
					<div class="list_content_top_content_son">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<!--rowspan是变量-->
								<td class="tr-check" rowspan="4" >
									<input type="checkbox" name="" id="" value="" class="checkbox"/>
								</td>
								<td class="content">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）
											
										</a>
										<em>
											颜色： 铂雅金
										</em>

										
									</div>
								</td>
								<!--单价框-->
								<td class="money">
									<span>￥2399.00</span>
								</td>
								<!--rowspan是变量-->
								<!--统计购买数量-->
								<td rowspan="4" class="total">
									<div class="big_number">
										<div class="big_number_content">
											<a href="javascriput:;" title="加" class="add"> +</a>
											<input type="text" name="" id="" value="1" />
											<a href="javascriput:;" title="减"class="minus">-</a>
											
										</div>
										
									</div>
									
								</td>
							<!--小计（）-->
								<td rowspan="4" class="total">
									<b>¥7376.00</b>
								</td>
								<!--操作-->
								<td rowspan="4" class="total">
									<a href="" class="del"> 删除</a>
								</td>

							</tr>
							<!--复制子类商品-->
							<tr>
								<td class="content padding">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）
											
										</a>
										<em>
											颜色： 铂雅金
										</em>

										
									</div>
								</td>
									<!--单价框-->
								<td class="money">
									<span>￥2399.00</span>
								</td>
								
							</tr>
							<tr>
								<td class="content padding">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）
											
										</a>
										<em>
											颜色： 铂雅金
										</em>

										
									</div>
								</td>
									<!--单价框-->
								<td class="money">
									<span>￥2399.00</span>
								</td>
								
							</tr>
										
							
						</table>
						
					</div>
					<div class="list_content_top_content_son">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<!--rowspan是变量-->
								<td class="tr-check" rowspan="4" >
									<input type="checkbox" name="" id="" value="" class="checkbox"/>
								</td>
								<td class="content">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）
											
										</a>
										<em>
											颜色： 铂雅金
										</em>

										
									</div>
								</td>
								<!--单价框-->
								<td class="money">
									<span>￥2399.00</span>
								</td>
								<!--rowspan是变量-->
								<!--统计购买数量-->
								<td rowspan="4" class="total">
									<div class="big_number">
										<div class="big_number_content">
											<a href="javascriput:;" title="加" class="add"> +</a>
											<input type="text" name="" id="" value="1" />
											<a href="javascriput:;" title="减"class="minus">-</a>
											
										</div>
										
									</div>
									
								</td>
							<!--小计（）-->
								<td rowspan="4" class="total">
									<b>¥7376.00</b>
								</td>
								<!--操作-->
								<td rowspan="4" class="total">
									<a href="" class="del"> 删除</a>
								</td>

							</tr>
							<!--复制子类商品-->
							<tr>
								<td class="content padding">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）
											
										</a>
										<em>
											颜色： 铂雅金
										</em>

										
									</div>
								</td>
									<!--单价框-->
								<td class="money">
									<span>￥2399.00</span>
								</td>
								
							</tr>
							<tr>
								<td class="content padding">
									<div class="box">
										<p class="p_img">
											<a href="">
												<img src="images/Hot_tou.jpg"/>
											</a>
										</p>
										<a href="">
											HUAWEI G9 Plus 联通4G版（铂雅金）
											
										</a>
										<em>
											颜色： 铂雅金
										</em>

										
									</div>
								</td>
									<!--单价框-->
								<td class="money">
									<span>￥2399.00</span>
								</td>
								
							</tr>
										
							
						</table>
						
					</div>
				</div>
				
				<!--form表单结束-->
				<!--<input type="submit" value=""/>-->
				</form>
					
			</div>
			<!--底部结算-->
			<div class="list_content_btom">
				<!--小清单-->
				<div class=" list_content_btom_list">
					<div class="list_content_btom_list_left">
						<input type="checkbox" id="checkAll-buttom" name="" id="" value="" />
						<label class="vam" for="checkAll-buttom">全选</label>
						<a href="javascript:;"> 删除选中商品</a>
						
					</div>
					<!--右侧表格-->
					
					<div class="list_content_btom_list_right">
						<table border="0" cellspacing="0" cellpadding="0">
							
							<tr>
								<th>总计金额：</th>
								<td>￥53265.00</td>
							</tr>
							
							<tr>
								<th>共节省：</th>
								<td>￥53265.00</td>
							</tr>
							<tr>
								<th>合计（不含运费）：</th>
								<td style="color: #E01D20; font-size: 16px;">￥53265.00</td>
							</tr>
						
						</table>
						
					</div>
				</div>
				<!--底部按钮-->
				<div class="list_content_btom_button">
					<a href="" class="settle_accounts">去结算</a>
					<a href="" class="continue">继续购物</a>
				</div>
			</div>
			<!--已经删除商品框-->
			<div class="romove_item">
				<div class="romove_item_top">
					<h3>已删除商品</h3>
					<table  cellspacing="0" cellpadding="0">
						<!--顶部、-->
						<tr>
							<th width="660">商品</th>
							<th width="142">数量</th>
							<th width="264"><em>小计（元）</em></th>
							<th width="133">操作</th>
	
							
						</tr>
						<!--内容-->
						<tr>
							<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
							<td width="142"> 1</td>
							<td width="264"> ￥456767</td>
							<td width="133"><a href="">重新购买</a></td>
	
							
						</tr>
						<!--内容-->
						<tr>
							<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
							<td width="142"> 1</td>
							<td width="264"> ￥456767</td>
							<td width="133"><a href="">重新购买</a></td>
	
							
						</tr>
						<!--内容-->
						<tr>
							<td width="660"> 荣耀 NOTE 8 4GB+64GB 全网通版（铂光金）</td>
							<td width="142"> 1</td>
							<td width="264"> ￥456767</td>
							<td width="133"><a href="">重新购买</a></td>
	
							
						</tr>
						
						
					</table>
				</div>
				
			</div>

			
		</div>
	
		
 		
		
<!--***********************子类继承结束*****************************-->
				<div class="public_footer">
			<!--五百强企业退货开始-->
			<div class="public_footer_slogan">
				<ul>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>
					<li>
						<i></i> 500强企业 品质保证
					</li>

				</ul>
			</div>
			<!--售后服务、-->
			<div class="service">
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>
				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

				<dl>
					<dt>
					<i></i>
					帮助中心
				</dt>
					<dd>
						<ol>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
							<li>
								<a href="">购物指南</a>
							</li>
						</ol>
					</dd>
				</dl>

			</div>
			<!--底部友情链接热门搜索-->
			<div class="public_footer_webset">
				<div class="webset_hotLink">
					<p>
						热门华为手机：
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>|
						<a href="">华为荣耀7</a>|
						<a href="">meta /P4557</a>
				</div>
				<!--协议备案-->
				<div class="web_set_agreement">
					<p>
						<a href="">隐私政策 </a>
						<a href=""> 服务协议</a> email 115566633@sin.com</p>
					<p>
						<a href="">公安网备案555655969156</a>|增值电信业务许可证
						<a href="">网络文化许可118666146416</a>
					</p>
					<div class="webset_over">
						<p>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>
							<a href=""><img src="./images/polic.png" /></a>

						</p>
					</div>

				</div>
			</div>
			<!--右侧定位点击回顶部-->
			<div class="Right_fixed">

				<a href=""></a>
				<a href=""></a>
				<a href=""></a>

			</div>

		</div>

	</body>

</html>


